<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <meta name="author" content="Adam Freeman">
    <meta name="description" content="A simple example">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
</head>
<style type="text/css">

    #first{
        text-shadow: 0.1em .1em 1px lightgrey;
    }

    #second{
        text-shadow: 5px 5px 20px black;
    }
</style>

<body>
    <h1 id="first">
        Thoughts about Fruit
    </h1>
    <p id="second">
        There are lots of different kinds of fruit - there are over 500 varieties
        of madeupfruitwithaverylongname alone.
    </p>
</body>

</html>